<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>微信官网</title>
        <style>
            *{
                margin:0px;
                padding:0px;
                list-style:none;
                
            }
            .header{
                    height: 498px;
                    background:url('images/1.jpg')repeat-x;
                    margin: auto;
                    
                   
            }
            .nav{
                height: 376px;
                width: 968px;
                margin:47px auto 30px;
               
            }
            .con{
                width: 968px;
                height: 51px;
               /* background-color: lime ;*/
                margin:0px auto;
                }
                
            .canner{
                    width: 968px;
                    height: 74px;
                    margin:auto;
                    
                        
            
                       
            }   
            .canner span{
                        background:url("images/9.png")no-repeat ;
            }
        
            .canner img{float:left;
                        height: 42px;
                        margin:15px 0px;
                        margin-right: 103px;
                       
            }
            .canner  a{
                        margin-top:30px;
                       margin-right: 22px;
                       float:left;
                      
                       font-size: 12px;
                       color: #fff;
            }
            

            .canner a:hover{
                            background:pink;
                            border-radius:32px ;
                            padding: 10px;
                            
            }
            .footer{
                    height: 300px;
                    width: 850px;
                    margin:auto;
                   
                    margin-top:55px;
                    
              
            }
            .footer h2{
                       margin-bottom: 21px;
            }

            .ul1{
                height: 122px;
                width: 335px;
                margin-bottom: 26px;
                float:left;
                margin-right: 130px;
            }
            
         
            .ul1 li{
                     margin-bottom: 15px;
            }
            .ul1 span{ color:#979797;
                        font-size: 12px;}

            .ul2{margin-top:0px;
                height: 62px;
                width: 170px;
               cursor: pointer;
                }
        
            .ul2 a{ 
                color:#609700;font-size: 12px;margin-bottom: 13px;
                }
            
            .footer span{
                border-top:1px solid #d4dadf;
                }

            .wrep{height: 288px;
                  width: 361px;
                    float:left;
                    }
            .wrep img{
                        width: 362px;
                        height: 208px;
                        
            }
          
            .wrep1{
                padding-left: 126px;
                height: 34px;
                
            }
            .wrep a{font-size: 11px;}
            .wrep u{font-size:12px;}
            
            .a1{
                float:left;
                width: 198px;
                height: 214px;
            }
            .a1 li{
                margin-top:12px;
            }
            .a11,.a12{color:#999;}
            .a13{color:#609700;;
            }
            
            .a2{
                float:left;
                margin-left: 18px;
                height: 186px;
                width: 198px;
            }
            .a2 li{
                margin-top:12px;
            }
            .a21{color:#999;}
            .a22{color: #609700;;
            }
         
            .a3{
                float:left;
                margin-left: 18px;
                width: 198px;
                height: 186px;
            }
            .a3 li{
                margin-top:12px;
            }
            .a31{color:#999;}
            .a32{color:#609700;
            }
            .a11,.a12,.a21,.a31{
                                font-size:13px;
            }
            
            .a4{
                float:left;
                margin-left: 18px;
                margin-top:0px;
            }
            .a4 li,.a4 a{
                margin-top:14px;
                font-size: 12px;
                color:#609700;
            }
            .a4 img{
                    width: 31px;
                    height: 31px;
                    margin-top:24px;
            }
            .a4 span{
                    color:red;
            }
            .a4 p{float:right;
                    height: 8px;
                    width: 36px;
                    color:#999;}
            .b1{
                margin:11px 7px 7px;
            }

            .con{border-top:1px solid #d4dadf;
            }
            .con1{height: 41px;
                  width: 340px;
                  margin-top:13px;
                  float:left;}
            .con2{height: 12px;
                  width: 184px;
                  float:right;
                  margin-top:13px}
            .con1 a,.con1 span,.con1 p,.con2 a,.con2 span{
                    color: #999;
                    font-size: 12px;
            }
            .con1 p{margin-top:14px;}


        </style>
    </head>
    <body>
        <div class="header">
            <div class="canner">
                <h1>
                <img src="images/2.png" alt="">
            </h1>
            <ul>
                <a href=""><span>首页</span></a>
                <li><a href="">帮助与反馈</a></li>
                <li><a href="">公众平台</a></li>
                <li><a href="">开放平台</a></li>
                <li><a href="">微信支付</a></li>
                <li><a href="">微信广告</a></li>
                <li><a href="">企业微信</a></li>
                <li><a href="">表情开放平台</a></li>
                <li><a href="">微信网页版</a></li>
               
            </ul>
        </div>
            <div class="footer">
                <ul class="ul1"></li>
                         <h2>微信，是一个生活方式</h2> 
                         <li><span>超过十亿人使用的手机应用</span></li>
                         <li><span>支持发送语音短信、视频、图片和文字</span></li>
                         <li><span> 可以群聊，仅耗少量流量，适合大部分智能手机</span></li>
                        
                    </ul>
                       <ul class="ul2">
                        <img src="images/4.png" alt="">
                           <li><a href="">忘记了微信帐号或密码？</a></li>
                           <li><a href="">自助解除登录或功能限制</a></li>
                           <li><a href="">冻结或解冻微信帐号</a></li>
                        
                       </ul>
                        
            <div class="wrep">
                
                   <img src="images/1.png" alt="">
                   <div class="wrep1">
                        <u>微信 for iOS / Android</u>
                    <ul>
                        <span><a href="">iOS 8.0.2</a></span>
                         <span><a href="">Android 8.0.1</a></span>
                    </ul>           </div>    
            
        </div>
            </div>
        </div>
            <!--第二模块-->
        <div class="nav">   
            <div class="a1">
            <ul>
                <img src="images/d.png" alt="">
                <li><b>微信网页版</b></li>
                <li><span class="a11">扫一扫二维码</span></li>
                <li><span class="a12">就能在浏览器上使用微信</span></li>
                <li><a href=""><span class="a13">了解更多</span></a></li>
            </ul></div>

           <div class="a2"> <img src="images/e.png" alt="">
            <ul>
                <li><b>微信 Mac 版</b></li>
                <li><span class="a21">极速简洁，迅捷沟通</span></li>
                <li><a href=""><span class="a22">了解更多</span></a></li>
        </ul></div>

            <div class="a3"><img src="images/f.png" alt="">
                <ul><div></div>
                    <li><b>微信 Windows 版</b></li>
                    <li><span class="a31">让沟通更方便</span></li>
                    <li><a href=""><span class="a32">了解更多</span></a></li>
            </ul></div>

            <div class="a4">
                <ul>
                <b>最新消息</b>
                <li><a href="">微信 8.0.1 for Android 正式版发布</a><span>(New)</span><p>03-25</p></li>
                <li><a href="">微信 3.2.1 for Windows 正式版发布</a><span>(New)</span><p>03-22</p></li>
                <li><a href="">微信 8.0.2 for iOS 正式版发布</a><span>(New)</span><p>02-02</p></li>
                <li><a href="">微信 2.6.1 for Mac 正式版发布</a><span>(New)</span><p>01-20</p></li>
                <li><a href="">关于部分 iOS 9 用户无法更新微信 </a><span>(New)</span><p>01-28</p></li>
                <li><a href="">微信外部链接内容管理规范 </a><p>02-11</p></li>
                <li><a href="">微信网页版 2.1 版本发布 </a><p>01-17</p></li>
                <li><a href="">微信表情开发平台上线</a><p>07-29</p></li>
                <li><a href="">官方辟谣公众号开通</a><p>10-28</p></li>
                <li>了解更多</li>
                <img src="images/11.jpg" alt="">  <b class="b1">联系我们</b>
            </ul></div>
        </div>
        
        <div class="con">
                <div class="con1">
                    <a href="https://www.tencent.com/" target="_blank">关于腾讯</a>
                    <span>|</span>
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=default" target="_blank">服务条款</a>
                    <span>|</span>
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN/" target="_blank"> 使用规范</a>
                    <span>|</span>
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN" target="_blank">客服中心</a>
                    <span>|</span>
                    <a href="https://kf.qq.com/product/weixin.html" target="_blank">隐私保护指引</a>
                    <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
                </div>



                <div class="con2">
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin&lang=zh_CN&setlanguage=1">简体中文</a>
                    <span>|</span>
                    <a href="https://wechat.com/zh_TW/">繁体中文</a>
                    <span>|</span>
                    <a href="https://wechat.com/en/">English</a>
                
                </div>
        </div>

        


    </body>
    </html>